<!DOCTYPE HTML>
<html>
<head>
    <title>.:: Babosarang renewal ::.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" language="javascript" src="js/jquery.js"></script>
    <script type="text/javascript" language="javascript" src="js/html5.js"></script>
    <script type="text/javascript" language="javascript" src="js/jquery.banner.js"></script>
    <script type="text/javascript" language="javascript" src="js/common.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/shop.css" />
    <link rel="shortcut icon" href="img/favicon.ico" />
</head>
<body>
    <header>
        <div class="container"><img src="img/header.jpg" /></div>
    </header>
    <article>
        <div class="container">
            <!-- Begin: Breadcrumb -->
            <dl class="breadcrumb mgb10">
                <span class="home"></span>홈<span class="cursor"></span><strong>회원가입</strong>
            </dl>
            <!-- End: Breadcrumb -->
            
            <div id="join">
                <!-- Begin: Join step -->
                <table class="table-join-step">
                    <colgroup>
                        <col width="800"/>
                        <col width="*"/>
                    </colgroup>    
                    <tbody>
                        <tr>
                            <td><img src="img/member/bg_title_top.jpg" /></td>
                            <td><img src="img/member/bg_step_1.jpg" /></td>
                        </tr>
                    </tbody>
                </table>
                <!-- End: Join step -->

                <!-- Begin: Top Buttons -->
                <div class="btntop">
                    <table width="100%" cellspacing="0" cellpadding="0">
                        <colgroup>
                            <col width="170" />
                            <col width="268" />
                            <col width="268" />
                            <col width="268" />
                            <col width="170" />
                        </colgroup>
                        <tbody>
                            <tr>
                                <td>&nbsp;</td>
                                <td align="center"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('btn_top1','','img/member/btn_top_01_over.gif',0)"><img src="img/member/btn_top_01.gif" name="btn_top1" /></a></td>
                                <td align="center"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('btn_top2','','img/member/btn_top_02_over.gif',0)"><img src="img/member/btn_top_02.gif" name="btn_top2" /></a></td>
                                <td align="center"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('btn_top3','','img/member/btn_top_03_over.gif',0)"><img src="img/member/btn_top_03.gif" name="btn_top3" /></a></td>
                                <td>&nbsp;</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <!-- End: Top Buttons -->

                <!-- Begin: 기본정보입력 Block -->
                <dl class="heading"><img src="img/member/join_title_01.gif"></dl>
                <table class="table table-join topln">
                    <colgroup>
                        <col width="150"/>
                        <col width="400"/>
                        <col width="150"/>
                        <col width="*"/>
                    </colgroup>
                    <tbody>
                        <tr height="50">
                            <td class="th">이름</td>
                            <td><input type="text" name="" value="" placeholder="최민혜" class="w125" /></td>
                            <td class="th">아이디</td>
                            <td><input type="text" name="" value="" class="w125" /></td>
                        </tr>
                        <tr height="50">
                            <td class="th">비밀번호</td>
                            <td><input type="text" name="" value="" class="w125" /></td>
                            <td class="th">비밀번호 확인</td>
                            <td><input type="text" name="" value="" class="w125" /></td>
                        </tr>
                        <tr height="110">
                            <td class="th">휴대폰</td>
                            <td valign="top">
                                <div class="block">
                                    <select name="" class="w95">
                                            <option value="010">010</option>
                                    </select> <span class="hyphen"></span> 
                                    <input type="text" name="" value="" class="w85" /> <span class="hyphen"></span>  
                                    <input type="text" name="" value="" class="w85" />
                                </div>
                                <div class="block mgt10">
                                    <label class="checkbox fs11" for="chk_2"><input type="checkbox" name="" id="chk_2" value=""/>SMS 이벤트/신상품 정보 수신</label>
                                </div>
                                <div class="cmt mgt5">
                                        <img src="img/member/ic_dot_plus.gif" />휴대폰/이메일 주소는 아이디, 비밀번호 분실시 본인확인용으로<br />
                                        사용하오니, 휴대폰/이메일 주소를 꼭 기억해주시기 바랍니다.
                                </div>
                            </td>
                            <td class="th">이메일</td>
                            <td valign="top">
                                <div class="block">
                                    <input type="text" name="" value="" class="w125" /> @ 
                                    <select name="" class="w135">
                                        <option value="">직접입력</option>
                                        <option value="">naver.co.kr</option>
                                        <option value="">yahoo.co.kr</option>
                                    </select><br/>
                                </div>
                                <div class="block mgt10 mgb5">
                                    <label class="checkbox fs11" for="chk_1"><input type="checkbox" name="" id="chk_1" value=""/>바보사랑에서 제공하는 이벤트, 상품정보 구독</label>
                                </div>
                                <div class="cmt"><img src="img/member/ic_dot_plus.gif" />인증을 위해 정확한 이메일 주소를 입력해주세요.</div>
                            </td>
                        </tr>
                        <tr height="50">
                            <td class="th">성별</td>
                            <td>
                                <label class="radio" for="rad_1"><input type="radio" name="rad_sex" id="rad_1" value="" checked=""/>남자</label>&nbsp;&nbsp;&nbsp;
                                <label class="radio mgl25" for="rad_2"><input type="radio" name="rad_sex" id="rad_2" value=""/>여자</label>
                            </td>
                            <td class="th">생년월일</td>
                            <td>
                                <select name="" class="w65">
                                    <option value="">1982</option>
                                </select>&nbsp; 년 
                                <select name="" class="w55 mgl10">
                                    <option value="">08</option>
                                </select>&nbsp; 월 
                                <select name="" class="w55 mgl10">
                                    <option value="">08</option>
                                </select>&nbsp; 일
                                <select name="" class="w50 mgl10">
                                    <option value="">양력</option>
                                </select>
                            </td>
                        </tr>
                        <tr height="50">
                            <td class="th">본인확인</td>
                            <td colspan="3">
                                <label class="radio" for="rad_3"><input type="radio" name="rad_iden" id="rad_3" value="" checked=""/>휴대폰</label>
                                <label class="radio mgl25" for="rad_4"><input type="radio" name="rad_iden" id="rad_4" value=""/>이메일</label>
                                <label class="radio mgl25" for="rad_5"><input type="radio" name="rad_iden" id="rad_5" value=""/>아이핀</label>
                                <a href="#" onclick="" class="mgl25"><img src="img/member/btn_get_certify.gif" /></a>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <!-- End: 기본정보입력 Block -->

                <!-- Begin: 약관동의 Block -->
                <dl class="heading"><img src="img/member/join_title_02.gif"></dl>
                <table class="table table-join topln">
                    <colgroup>
                        <col width="*"/>
                    </colgroup>
                    <tbody>
                        <tr>
                            <td>
                                <div class="agreement">
                                    <div class="rule">
                                        <label class="checkbox" for="chk_3"><input type="checkbox" name="" id="chk_3" value="" /><strong>이용약관동의</strong></label>
                                    </div>
                                    <div class="terms" readonly="">
                                        <strong class="lbl">제1장 총칙</strong>

                                        제1조 목적<br />
                                        1항. 이 약관은 바보사랑이 운영하는 인터넷 사이트의 회원가입과 서비스 이용에 대한 이용자의 권리, 의무와 책임사항을 규정함을 목적으로 합니다.<br />
                                    </div>
                                </div>

                                <div class="personal-info">
                                    <div class="rule">
                                        <label class="checkbox" for="chk_4"><input type="checkbox" name="" id="chk_4" value="" /><strong>개인정보 수집 및 이용 동의 </strong></label>
                                    </div>
                                    <div class="terms" readonly="">
                                      개인정보의 수집,이용 목적<br />
                                        - 서비스 이용에 따른 본인식별, 가입의사 확인, 연령제한 서비스 이용<br />
                                        - 고지사항 전달, 불만처리 의사소통 경로 확보, 물품배송 시 정확한 배송지 정보 확보<br />
                                        - 신규 서비스 등 최신정보 안내 및 개인맞춤서비스 제공을 위한 자료<br />
                                    </div>
                                </div>

                                <div class="all-agree">
                                    <label class="checkbox" for="chk_5"><input type="checkbox" name="" id="chk_5" value=""/>이용약관, 개인정보 수집 및 이용에 모두 동의합니다.</label>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <!-- End: 약관동의 Block -->

                <!-- Begin: Join Button --><div class="btndiv"><a href="#" title="가입하기"><img src="img/member/btn_join.gif" /></a></div><!-- Begin: Join Button -->

                <!-- Begin: Join Benefix -->
                <div class="benefix">
                    <img src="img/member/bg_benefix.jpg"/>
                </div>
                <!-- End: Join Benefix -->
            </div>
            
            <br/><br/><br/><br/><br/>
        </div>
    </article>
    <footer>
        <div class="container"><img src="img/footer.jpg" /></div>
    </footer>
</body>
</html>